<template>
    <div>
         <div class="tagTable module-body" style="width:600px;">
            <el-table :data="articleList"  size="mini">
                <el-table-column prop="id" label="#"  width="100"></el-table-column>
                <el-table-column prop="name" label="标签名称"  width="180"></el-table-column>
                <el-table-column prop="number" label="使用次数"  ></el-table-column>
            </el-table>
            <div class="pagination-block">
                <el-pagination
                    @current-change="handleCurrentChange"
                    :current-page.sync="currentPage1"
                    :page-size="20"
                    layout="total, prev, pager, next"
                    :total="total">
                </el-pagination>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name:'TagList',
    data() {
        return {
            articleList: [
                {
                    id: 1,
                    name: 'laravel',
                    number: 111
                },
                {
                    id: 1,
                    name: 'laravel',
                    number: 222
                }
            ],
            total: 20,
            currentPage1: 1,
        }
    },
    methods:{
        handleSizeChange(val) {
         console.log(`每页 ${val} 条`);
        },
      handleCurrentChange(val) {
        console.log(`当前页: ${val}`);
      }
    }
}
</script>
